<template>
	<view class="content">
		<view>
			<image class="name" src="/static/index/name.png" mode="aspectFit"></image>
		</view>
		<view class="buttons">
			<image class="button" @click="routeTo('/pages/clearBlack/clearBlack')" src="../../static/index/2.png"
				mode="aspectFit"></image>
			<image class="button" @click="routeTo('/pages/old/old')" src="../../static/index/3.png" mode="aspectFit">
			</image>
			<image class="button" @click="routeTo('/pages/plice/noticePages/noticePages')" src="../../static/index/1.png"
				mode="aspectFit"></image>
			<image class="button" @click="routeTo('/pages/queryProgress/queryProgress')" src="../../static/police/2.png" mode="aspectFit">
			</image>
		</view>
		<view class="bottom">
			<p style='margin: 20rpx 0;'>版权所有 © 中共邵阳市委政法委员会</p>
			<!-- <p>全国政法队伍教育整顿领导小组办公室</p>
			<p>全国扫黑除恶斗争领导小组办公室</p>
			<p >京ICP备19020621号-1</p> -->
		</view>

	</view>
</template>

<script>
	import {getToken} from '@/config/api.js'
	export default {
		data() {
			return {

			}
		},
		onLoad() {
			this.getToken()
		},
		methods: {
			routeTo(page) {
				uni.navigateTo({
					url: page
				})
			},
			getToken(){
				getToken().then(res=>{
					console.log(res)
					let token = res.data.token
					uni.setStorageSync('token', token)
				})
			},
		}
	}
</script>

<style lang="scss">
	.content {
		width: 100%;
		min-height: 100%;
		background: url(~@/static/index/index_bg.jpg);
		background-size: cover;
		padding-bottom: 2rpx;

		.name {
			width: 100%;
			margin-top: 40rpx;
			// height: 40rpx;
		}

		.buttons {
			margin-top: -50rpx;
			display: flex;
			flex-wrap: nowrap;
			flex-direction: column;
			align-items: center;

			.button {
				width: 480rpx;
				height: 200rpx;
				margin-bottom: 50rpx;
			}
		}

		.bottom {
			margin-top: 40rpx;
			text-align: center;
			line-height: 38rpx;
			font-size: 30rpx
		}
	}
</style>
